<html lang="en" xmlns:th="http://www.thymeleaf.org">

<div th:fragment="rolelist" class="row-fluid">
    <div class="span12">

        <h3 class="page-title">

            角色列表 <small>角色信息展示</small>

        </h3>

        <!--<ul class="breadcrumb">

           &lt;!&ndash; <li>

                <i class="icon-home"></i>

                <a href="index.html">Home</a>

                <i class="icon-angle-right"></i>

            </li>

            <li>

                <a href="#">Data Tables</a>

                <i class="icon-angle-right"></i>

            </li>&ndash;&gt;

            <li><a href="#">Responsive Tables</a></li>
        </ul>-->

        <div class="portlet box yellow">

            <div class="portlet-title">

                <div class="caption"><i class="icon-cogs"></i></div>

                <div class="tools">

                    <a href="javascript:;" class="collapse"></a>

                    <a href="#portlet-config" data-toggle="modal" class="config"></a>

                    <a href="javascript:;" class="reload"></a>

                    <a href="javascript:;" class="remove"></a>

                </div>

            </div>

            <div class="portlet-body">

                <table class="table table-striped table-hover">

                    <thead>

                    <tr>

                        <th>名称</th>

                        <th>描述</th>

                        <th>状态</th>

                        <th>操作</th>

                       <!-- <th class="numeric">Change</th>

                        <th class="numeric">Change %</th>

                        <th class="numeric">Open</th>

                        <th class="numeric">High</th>

                        <th class="numeric">Low</th>

                        <th class="numeric">Volume</th>-->
                    </tr>

                    </thead>

                    <tbody>
                         <tr th:each="u:${dataPage.records}">
                                <td th:text="${u.roleName}"></td>
                                <td th:text="${u.description}"></td>

                                 <td th:switch = "${ u.available != 0 }" >
                                     <div th:case="true" th:text="不可用"></div>
                                     <div th:case="false" th:text = "可用" ></div>
                                 </td>

                                <td>
                                    <a href='#' class="btn mini green-stripe"> 编辑</a>
                                    <a href='#' class="btn mini red-stripe">删除</a>
                                </td>
                         </tr>
                    </tbody>

                </table>

            </div>

        </div>
        <!--tab end-->

        <!--page start-->
        <div th:replace="sys/page :: commpage">
        </div>
        <!--page end-->
    </div>
</div>


</script>